<template>
  		<!-- 导航栏 -->
		    <div class="daohang-list">
		        <div class="fenlei">
		            <span>分类:</span>
		        </div>
		        <div class="fenlei-bg">
			        <div class="fenlei-list">
								<ul>
									<li class="list-hong">全部</li>
									<li><a href="#">小米平板</a></li>
									<li><a href="#">路由器</a></li>
									<li><a href="#">路由器配件</a></li>
									<li><a href="#">枕头</a></li>
									<li><a href="#">服饰</a></li>
									<li><a href="#">运动鞋</a></li>
									<li><a href="#">眼睛</a></li>
									<li><a href="#">收纳包</a></li>
									<li><a href="#">钱包</a></li>
									<li><a href="#">旅行箱</a></li>
									<li><a href="#">贴膜</a></li>
									<li><a href="#">双肩包</a></li>
									<li><a href="#">保护套/保护壳</a></li>
									<li><a href="#">小米圈铁耳机</a></li>
									<li><a href="#">净化器</a></li>
									<li><a href="#">线材</a></li>
									<li><a href="#">剃须刀</a></li>
									<li><a href="#">笔记本</a></li>
									<li><a href="#">净水器</a></li>
								</ul>
					</div>
				</div>
				<div class="gengduo">
					<a href="#" @click.prevent='hadleclick()'>更多 <span></span></a>
				</div>
			</div>
</template>




<script>
export default{
  data () {
    return {}
  },
  methods:{
	  hadleclick(){}
  }
}



</script>




<style scoped>
/*导航栏*/
.daohang{
	width:100%;
	background: #fff;
	padding:18px 0;
}
.daohang .daohang-list{
	margin: 0 auto;
	width: 1200px;
	
	overflow:hidden;
	border-top: 1px solid rgb(224, 224, 224);
}
.daohang .one{
	border-top:0;
}
.daohang .daohang-list .fenlei{
	float: left;
	color: rgb(176, 176, 176);
	width:72px;
	padding: 12px 0;
	position: relative;
}
.daohang .daohang-list .fenlei-list{
	float: left;
	width:1032px;
	height: 45px;
	overflow:hidden;
}
.daohang .daohang-list .fenlei-list ul li{
	float: left;
	width:172px;
	padding: 12px 0;
}
.daohang .daohang-list .fenlei-list ul li a{
	color: rgb(66,66,66);
	line-height: 21px;
}
.daohang .daohang-list .fenlei-list ul li a:hover{
	color: rgb(255, 103, 0);
}
.daohang .daohang-list .fenlei-list ul .list-hong{
	color: rgb(255, 103, 0);
}
.daohang .daohang-list .gengduo{
	float: right;
	width:52px;
	padding: 12px 0;
}
/*
.daohang .daohang-list .gengduo:hover + .fenlei-bg >.fenlei-list{
	height:100%;
	transition:all 0.4s linear;
}*/
.daohang .daohang-list .gengduo span{
	display: block;
	float:right;
	width:5px;
	height: 5px;
	border-right: 2px solid rgb(117, 117, 117);
	border-bottom: 2px solid rgb(117, 117, 117);
	transform:rotate(45deg);
	position: relative;
	top: 5px;
	right: 10px;
}
.daohang .daohang-list .gengduo a{
	position: relative;
	color:rgb(117, 117, 117);
}
</style>

